@import '~ant-design-vue/lib/style/color/colorPalette.less';

// colors
@primary-color: #7546c9;
@info-color: #7546c9;
@success-color: #0aa679;
@processing-color: #7546c9;
@error-color: #f5222d;
@highlight-color: #f5222d;
@warning-color: #faad14;
@normal-color: #d9d9d9;
@tip-color: #3c67bd;
@white: #f2f3f7;
@black: #4f4e52;
@dark-bg-color: #1b2431;
@dark-text-color: #a9c7df;

@body-background: #e5eff8;
@component-background: #f1f6fc;
@border-color-base: #d1d9e6;

@codeLang: bash, c, css, cpp, cmake, coffeescript, coffee, d, dart, docker,
dockerfile, ejs, erlang, git, go, graphql, html, http, ini, java, javascript,
jq, js, json, jsonp, json5, jsx, kotlin, latex, tex, context, less, lua,
makefile, markdown, md, matlab, nginx, objectivec, perl, php, phpdoc, plsql,
powershell, pug, python, py, q, r, regex, ruby, rb, rust, sass, scss, scala,
shell, smarty, sql, stylus, svg, swift, toml, ts, tsx, twig, typescript, vim,
visual-basic, vb, wiki, xml, yaml, yml;

@primary-color-1: color(~`colorPalette('@{primary-color}', 1)`); // #e6f7ff
@primary-color-2: color(~`colorPalette('@{primary-color}', 2)`); // #bae7ff
@primary-color-3: color(~`colorPalette('@{primary-color}', 3)`); // #91d5ff
@primary-color-4: color(~`colorPalette('@{primary-color}', 4)`); // #69c0ff
@primary-color-5: color(~`colorPalette('@{primary-color}', 5)`); // #40a9ff
@primary-color-7: color(~`colorPalette('@{primary-color}', 7)`); // #096dd9
@primary-color-8: color(~`colorPalette('@{primary-color}', 8)`); // #0050b3
@primary-color-9: color(~`colorPalette('@{primary-color}', 9)`); // #003a8c
@primary-color-10: color(~`colorPalette('@{primary-color}', 10)`); // #002766

@dark-text-color-1: color(~`colorPalette('@{dark-text-color}', 1)`);
@dark-text-color-2: color(~`colorPalette('@{dark-text-color}', 2)`);
@dark-text-color-3: color(~`colorPalette('@{dark-text-color}', 3)`);
@dark-text-color-4: color(~`colorPalette('@{dark-text-color}', 4)`);
@dark-text-color-5: color(~`colorPalette('@{dark-text-color}', 5)`);
@dark-text-color-7: color(~`colorPalette('@{dark-text-color}', 7)`);
@dark-text-color-8: color(~`colorPalette('@{dark-text-color}', 8)`);
@dark-text-color-9: color(~`colorPalette('@{dark-text-color}', 9)`);
@dark-text-color-10: color(~`colorPalette('@{dark-text-color}', 10)`);

// link
@link-color: @primary-color;
@link-hover-color: color(~`colorPalette("@{link-color}", 5) `);
@link-active-color: color(~`colorPalette("@{link-color}", 7) `);
@link-decoration: none;
@link-hover-decoration: none;

// yur
@box-shadow-yur: 2px 2px 3px #cecfd2, -2px -2px 3px #ffffff;
@box-shadow-yur-inset: inset 2px 2px 3px #cecfd2, inset -2px -2px 3px #ffffff;
@box-shadow-yur-2: 6px 6px 12px #b8b9be, -6px -6px 12px #ffffff;
@box-shadow-yur-inset-2: inset 2px 2px 5px #b8b9be, inset -3px -3px 7px #ffffff;

// user's palette
@import (optional) "~@us/.vuepress/styles/palette.less";
